<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>defineProperty</title>
</head>
<script src="defineProperty.js"></script>
<style>
	body{
		white-space: pre-wrap;
		word-wrap: break-word;
	}
</style>
<body>
    <div id="app"></div>
    <button onclick="add()">a.push(b.c)</button>
    <button onclick="update()">b.c++  </button>
    <button onclick="_pop()">a.pop</button>
    <button onclick="update_update()">d[d.length-1].f++</button>
    <button onclick="update_update2()">d.push({f:0})</button>
</body>
<script>
var vm = new vue()

	function update(argument) {
	    vm.update()
	}

	function add(argument) {
	    vm.add()
	}

	function _pop() {
		vm.$data.a.pop()
	}

	function update_update() {
		vm.$data.d[vm.$data.d.length-1].f++
		// vm.$data.d.length0
		console.log(vm.$data)
	}
	function update_update2() {
		vm.$data.d.push({f:0})
		console.log(vm.$data)
	}
	console.log(vm.$data)
</script>

</html>